home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle042804.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-04-27  |  21.1 KB  |  1,474 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1    {
  52.     margin: 0 0 15px 0;
  53.     padding: 0;
  54.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  55.     color: #000;
  56.     }
  57.     
  58. h2    {
  59.     margin: 0 0 5px 0;
  60.     padding: 0;
  61.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. p + h2 {
  66.     margin: 20px 0 5px 0;
  67.     }
  68.  
  69. ol + h2 {
  70.     margin: 20px 0 5px 0;
  71.     }
  72.  
  73. ul + h2 {
  74.     margin: 20px 0 5px 0;
  75.     }
  76.  
  77. h3    {
  78.     margin: 0;
  79.     padding: 0;
  80.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  81.     color: #000;
  82.     }
  83.  
  84. h3 + table {
  85.     margin: 5px 0 0 0;
  86.     }
  87.     
  88. h4    {
  89.     margin: 0;
  90.     padding: 0;
  91.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  92.     color: #666;
  93.     /*text-decoration: underline;*/
  94.     }
  95.     
  96. h3 + h4 {
  97.     margin: 10px 0 0;
  98.     }
  99.  
  100. h6    {
  101.     margin: 0;
  102.     padding: 0;
  103.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  104.     color: #000;
  105.     }
  106.  
  107. p    {
  108.     margin: 0 0 10px 0;
  109.     padding: 0;
  110.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  111.     color: #000;
  112.     }
  113.     
  114. th {
  115.     font-weight: bold;
  116.     text-align: left;
  117.     vertical-align: top;
  118.     }
  119.     
  120. form {
  121.     margin: 0;
  122.     }
  123.     
  124. button {
  125.     margin: 3px 0 10px 0;
  126.     }
  127.     
  128. /* lists */
  129. ul    {
  130.     padding-left: 10px;
  131.     margin-top: 0;
  132.     margin-left: 10px;
  133.     margin-bottom: 10px;
  134.     list-style-type: none;
  135.     }
  136.  
  137. li    {
  138.     margin-top: 3px;
  139.     }
  140.     
  141. ul li    {
  142.     padding-left: 10px;
  143.     background: url(/images/bullet.gif) no-repeat 0 3px;
  144.     }
  145.     
  146. ul ul {
  147.     margin-left: 20px;
  148.     }
  149.  
  150.     
  151. ul.compressed {
  152.     margin-top: -10px;
  153.     }
  154.     
  155. ul.compressed li {
  156.     margin-top: 0;
  157.     padding-left: 10px;
  158.     background: url(/images/bullet.gif) no-repeat 0 1px;
  159.     }
  160.  
  161. ul.marketing {
  162.     padding-left: 0;
  163.     margin: 0 0 10px 0;
  164.     list-style-type: none;
  165.     }
  166.     
  167. ul.marketing li    {
  168.     padding-left: 10px;
  169.     margin-top: 0;
  170.     margin-left: 0;
  171.     margin-bottom: 2px;
  172.     list-style-type: none;
  173.     font-size: 10px;
  174.     background: url(/images/bullet.gif) no-repeat 0 1px;
  175.  
  176.     }
  177.     
  178. ol {
  179.     margin: 0 0 10px 1.5em;
  180.     padding-left: 1.5em;
  181.     }
  182.  
  183. ul.inline, ol.inline, p.inline {
  184.     margin-top: -7px;
  185.     }
  186.     
  187. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  188.     margin-top: 0;
  189.     }
  190.  
  191. ol.faq li {
  192.     font-weight: bold;
  193.     }
  194.     
  195. ol.steps li {
  196.     font-weight: bold;
  197.     }
  198.     
  199.  ul.nav {
  200.     margin-top: 8px;
  201.     margin-bottom: 0;
  202.     }
  203.  
  204. ul.nav li {
  205.     margin-top: 4px;
  206.     padding-left: 0;
  207.     background: none;
  208.     }
  209.     
  210. /* images */
  211. .leftinline {
  212.     margin: 0 10px 5px 0;
  213.     }
  214.  
  215. .rightinline {
  216.     margin: 0 0 5px 10px;
  217.     }
  218.  
  219.  
  220. /* tables */
  221. .bumblebee {
  222.     border-top: 1px solid #919699;
  223.     border-left: 1px solid #919699;
  224.     border-right: 1px solid #919699;
  225.     }
  226.  
  227. .bumblebee td {
  228.     padding: 10px;
  229.     font-size: 10px;
  230.     }
  231.     
  232. .bumblebee th {
  233.     padding: 6px 10px 6px 10px;
  234.     font-size: 10px;
  235.     }
  236.  
  237. .bumblebee th {
  238.     background: #7E91A4;
  239.     color: #FFF;
  240.     }
  241.  
  242. .bumblebee td {
  243.     border-bottom: 1px solid #919699;
  244.     text-align: left;
  245.     vertical-align: top;
  246.     }
  247.  
  248. .bumblebeeblue {
  249.     background: #F0F5F9;
  250.     }
  251.  
  252. .bumblebeewhite {
  253.     background: #FFF;
  254.     }
  255.     
  256. .bumblebee .bumblebeeblue td.sortcolumn {
  257.     background: #DCE5EE;
  258.     }
  259.     
  260. .bumblebee .bumblebeewhite td.sortcolumn {
  261.     background: #F5F5F5;
  262.     }
  263.     
  264. .bumblebee th.sortcolumn {
  265.     background: #334455;
  266.     }
  267.     
  268. .bumblebeetop {
  269.     border-top: 1px solid #919699;
  270.     border-left: 1px solid #919699;
  271.     border-right: 1px solid #919699;
  272.     background: #E2E2E2;
  273.     }
  274.     
  275. .bumblebeetop td{
  276.     padding: 10px;
  277.     }
  278.  
  279. td.middle, th.middle {
  280.     vertical-align: middle;
  281.     }
  282.     
  283. td.top, th.top {
  284.     vertical-align: top;
  285.     }
  286.     
  287. td.bottom, th.bottom {
  288.     vertical-align: bottom;
  289.     }
  290.     
  291. td.center, th.center {
  292.     text-align: center;
  293.     }
  294.     
  295. td.right, th.right {
  296.     text-align: right;
  297.     }
  298.     
  299. .smalltable td p {
  300.     font-size: 11px;
  301.     }
  302.  
  303.     
  304. .graybox {
  305.     border-top: 1px solid #919699;
  306.     border-left: 1px solid #919699;
  307.     margin-bottom: 10px;
  308.     }
  309.     
  310. .graybox th {
  311.     padding: 4px 8px 4px 8px;
  312.     background: #E2E2E2;
  313.     font-size: 12px;
  314.     font-weight: bold;
  315.     border-bottom: 1px solid #919699;
  316.     border-right: 1px solid #919699;
  317.     }
  318.     
  319. .graybox td {
  320.     padding: 8px;
  321.     font-size: 12px;
  322.     text-align: left;
  323.     vertical-align: top;
  324.     border-bottom: 1px solid #919699;
  325.     border-right: 1px solid #919699;
  326.     }
  327.     
  328. .graybox table td {
  329.     border: none;
  330.     padding: 0;
  331.     vertical-align: middle;
  332.     }
  333.  
  334. .marketingbox {
  335.     width: 100%;
  336.     border: 1px solid #a1a5a9;
  337.     }
  338.  
  339. .marketingbox th {
  340.     padding: 4px 8px 4px 8px;
  341.     background: #C83808;
  342.     font-size: 12px;
  343.     font-weight: bold;
  344.     color: #FFF;
  345.     }
  346.  
  347. .marketingbox td {
  348.     padding: 8px 8px 0 8px;
  349.     text-align: left;
  350.     vertical-align: top;
  351.     }
  352.     
  353. .documentationtable {
  354.     border: none;
  355.     }
  356.  
  357. .documentationtable td {
  358.     border-bottom: 1px solid #919699;
  359.     text-align: left;
  360.     vertical-align: top;
  361.     padding: 5px 0 10px 0;
  362.     }
  363.     
  364. .documentationtable .bottom{
  365.     border: 0;
  366.     }
  367.         
  368. .businesstable {
  369.     border: none;
  370.     }
  371.  
  372. .businesstable td {
  373.     text-align: left;
  374.     font-size: 10px;
  375.     vertical-align: top;
  376.     padding: 5px 0 10px 0;
  377.     }
  378.     
  379. .documentationtable p {
  380.     font-size: 10px;
  381.     }
  382.  
  383.  
  384. /* rounded corner tables */
  385. .bigboxtop {
  386.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  387.     }
  388.  
  389. .bigboxleft {
  390.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  391.     }
  392.  
  393. .bigboxright {
  394.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  395.     }
  396.  
  397. .bigboxbottom {
  398.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  399.     }
  400.     
  401. .boxtop {
  402.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  403.     }
  404.  
  405. .boxleft {
  406.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  407.     }
  408.  
  409. .boxright {
  410.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  411.     }
  412.  
  413. .boxbottom {
  414.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  415.     }
  416.  
  417.  
  418. /* general classes */
  419. .contentpadding {
  420.     padding: 0 10px;
  421.     }
  422.     
  423. .smalltext {
  424.     font-size: 10px;
  425.     }
  426.     
  427. .blueheader {
  428.     color: #FFF;
  429.     background: #7E91A4;
  430.     padding: 3px 0 3px 7px;
  431.     }
  432.  
  433. .sourcecodebox {
  434.     border: 1px solid #c7cfd5;
  435.     background: #f1f5f9;
  436.     margin: 20px 0;
  437.     padding: 15px;
  438.     text-align: left;
  439.     }
  440.     
  441. .notebox {
  442.     border: 1px solid #a1a5a9;
  443.     background: #e8e8e8;
  444.     margin: 20px 0;
  445.     padding: 15px;
  446.     text-align: left;
  447.     } 
  448.     
  449. .gray {
  450.     color: #787c7f;
  451.     }
  452.     
  453. #footnote h3, #footnote p {
  454.     color: #76797C;
  455.     font-size: 11px;
  456.     }
  457.  
  458. .footnote {
  459.     font-size: 11px;
  460.     color: #76797C;
  461.     }
  462.     
  463. .editorial {
  464.     font-style: italic;
  465.     margin: 20px 0;
  466.     }
  467.     
  468. .libindex {
  469.     border-bottom: 1px solid #939393;
  470.     padding: 0 3px;
  471.     background-color: #DADADA;
  472.     margin: 0 1px;
  473.     }
  474.  
  475. /* forms */
  476. #forms input {
  477.     vertical-align: middle;
  478.     padding: 0;
  479.     margin: 0 0 5px 0;
  480.     }
  481.  
  482. #forms select {
  483.     vertical-align: middle;
  484.     padding: 0;
  485.     margin: 0 0 3px 0;
  486.     }
  487.  
  488. #forms .widefield, #advsearch .widefield {
  489.     width: 98%;
  490.     margin-bottom: 5px;
  491.     }
  492.  
  493. #forms .halffield {
  494.     width: 50%;
  495.     margin-bottom: 5px;
  496.     }
  497.  
  498. #forms .extraspace {
  499.     padding-bottom: 8px;
  500.     }
  501.  
  502. #forms .quarterfield {
  503.     width: 25%;
  504.     margin-bottom: 5px;
  505.     }
  506.     
  507. #forms .inputbutton, #advsearch .inputbutton {
  508.     margin: 5px 0 10px 0;
  509.     border: 0;
  510.     }
  511.     
  512. #forms .checkbox, #advsearch .checkbox {
  513.     margin: 0 5px 0 0;
  514.     vertical-align: baseline;
  515.     }
  516.     
  517. #forms .radio {
  518.     margin: 0 5px 0 0;
  519.     vertical-align: baseline;
  520.     }
  521.     
  522. #forms textarea {
  523.     margin: 0 0 10px 0;
  524.     width: 100%;
  525.     }
  526.     
  527. #forms p {
  528.     margin-top: 7px;
  529.     }
  530.     
  531. #forms .buttonlists {
  532.     line-height: 20px;
  533.     }
  534.     
  535. #forms .buttondescription {
  536.     line-height: 15px;
  537.     margin: -10px 10px 5px 20px;
  538.     font-size: 10px;
  539.     }
  540.  
  541.  
  542. /* header */
  543. #adcnavheader td {
  544.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  545.     }
  546.  
  547. #adcnavheader input {
  548.     margin: 0 3px 0 0;
  549.     padding: 0;
  550.     }
  551.  
  552. #adcnavheader .textpadding {
  553.     padding-top: 2px;
  554.     vertical-align: middle;
  555.     }
  556.     
  557. #adcnavheader .searchbutton {
  558.     border: 0;
  559.     }
  560.  
  561.  
  562. /* breadcrumb */
  563. #breadcrumb td {
  564.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  565.     }
  566.  
  567. #breadcrumb form {
  568.     margin: 0;
  569.     }
  570.     
  571. #breadcrumb select {
  572.     vertical-align:  middle;
  573.     }
  574.  
  575.  
  576. /* sidebar */
  577. #sidebar h2 {
  578.     font-size: 12px;
  579.     }
  580.     
  581. #sidebar h3, #sidebar h4 {
  582.     font-size: 12px;
  583.     }
  584.     
  585. #sidebar p, #sidebar ol, #sidebar ul {
  586.     font-size: 11px;
  587.     }
  588.  
  589. #sidebar ul {
  590.     margin-left: 0;
  591.     padding-left: 0;
  592.     }
  593.  
  594. #sidebar li {
  595.     font-size: 11px;
  596.     margin-top: 2px;
  597.     }
  598.     
  599. #sidebar ul.nav {
  600.     margin-top: 8px;
  601.     margin-bottom: 0;
  602.     }
  603.  
  604. #sidebar ul.nav li {
  605.     margin-top: 4px;
  606.     padding-left: 0;
  607.     background: none;
  608.     }
  609.  
  610. /* footer */
  611. #footer td, #footer p {
  612.     font-size: 10px;
  613.     }
  614.     
  615. .footerbreadcrumb {
  616.     font-size: 10px;
  617.     }
  618.  
  619. /* 404 page definitions*/
  620. #notfound h2 {
  621.     font-size: 12px;
  622.     }
  623.     
  624. #notfound h3, #notfound h4 {
  625.     font-size: 12px;
  626.     }
  627.     
  628. #notfound p, #notfound ul {
  629.     font-size: 10px;
  630.     }
  631.  
  632. #notfound ul {
  633.     margin: 0 0 15px 0;
  634.     padding-left: 0;
  635.     }
  636.  
  637. #notfound ul li {
  638.     font-size: 10px;
  639.     margin: 3px 0 0 0;
  640.     padding-left: 0;
  641.     background: none;
  642.     }
  643.     
  644. #notfound ul ul {
  645.     margin-top: 0;
  646.     }
  647.  
  648. #notfound ul ul li {
  649.     margin-left: 0;
  650.     padding-left: 10px;
  651.     background: url(/images/bullet.gif) no-repeat 0 2px;
  652.     }
  653.  
  654. li.sectionbreak {
  655.     margin-bottom: 15px;
  656.     }
  657.  
  658. /* advanced search */
  659. #advsearch h4 {
  660.     margin-bottom: 10px;
  661.     }
  662.     
  663. #advsearch p {
  664.     line-height: 20px;
  665.     }
  666.     
  667. /* contact page */
  668. .iconlinks td {
  669.     font-size: 11px;
  670.     }
  671.     
  672. /* search results */
  673. .boxtop7e91a4 {
  674.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  675.     }
  676.  
  677. .boxtopleft7e91a4 {
  678.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  679.     }
  680.  
  681. .boxtopright7e91a4 {
  682.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  683.     }
  684.  
  685. .boxbottom7e91a4 {
  686.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  687.     }
  688.  
  689. .filesize {
  690.     color: #7F8285;
  691.     }
  692.  
  693. tr.results th, tr.results td {
  694.     font-size: 12px;
  695.     color: #FFF;
  696.     background-color: #7e91a4;
  697.     font-weight: normal;
  698.     }
  699.  
  700. tr.results a {
  701.     color: #FFF;
  702.     font-weight: bold;
  703.     }
  704.     
  705. .oddrow {
  706.     background-color: #ffffff;
  707.     }
  708.     
  709. .evenrow {
  710.     background-color: #f0f5f9;
  711.     }
  712.  
  713. /* software licensing descriptions */
  714. .swlleftrule {
  715.     border-left: 1px solid #A1A5A9;
  716.     padding-left: 10px;
  717.     padding-right: 10px;
  718.     }    
  719.  
  720. .swlsidebar {
  721.     padding-right: 10px;
  722.     }
  723.  
  724. /* narrative */
  725. #narrative blockquote {
  726.     margin: 0 20px 10px 20px;
  727.     color: #3972B8;
  728.     }
  729.  
  730. #narrative .pullquote {
  731.     font-size: 17px;
  732.     color: #FFF;
  733.     padding: 8px;
  734.     background-color: #3972B8;
  735.     border: 1px solid #000;
  736.     }
  737.     
  738. #narrative.color779D90 blockquote {
  739.     color: #779D90;
  740.     }
  741.     
  742. #narrative.color779D90 .pullquote {
  743.     background-color: #779D90;
  744.     }
  745.  
  746. #narrative.color3C6E6E blockquote {
  747.     color: #3C6E6E;
  748.     }
  749.     
  750. #narrative.color3C6E6E .pullquote {
  751.     background-color: #3C6E6E;
  752.     }
  753.  
  754. #narrative.color6D8042 blockquote {
  755.     color: #6D8042;
  756.     }
  757.     
  758. #narrative.color6D8042 .pullquote {
  759.     background-color: #6D8042;
  760.     }
  761.  
  762. #narrative.color3E583D blockquote {
  763.     color: #3E583D;
  764.     }
  765.     
  766. #narrative.color3E583D .pullquote {
  767.     background-color: #3E583D;
  768.     }
  769.  
  770. #narrative.color9AB0C5 blockquote {
  771.     color: #9AB0C5;
  772.     }
  773.     
  774. #narrative.color9AB0C5 .pullquote {
  775.     background-color: #9AB0C5;
  776.     }
  777.  
  778. #narrative.color3972B8 blockquote {
  779.     color: #3972B8;
  780.     }
  781.     
  782. #narrative.color3972B8 .pullquote {
  783.     background-color: #3972B8;
  784.     }
  785.  
  786. #narrative.color3C6C9D blockquote {
  787.     color: #3C6C9D;
  788.     }
  789.     
  790. #narrative.color3C6C9D .pullquote {
  791.     background-color: #3C6C9D;
  792.     }
  793.  
  794. #narrative.color7A6B94 blockquote {
  795.     color: #7A6B94;
  796.     }
  797.     
  798. #narrative.color7A6B94 .pullquote {
  799.     background-color: #7A6B94;
  800.     }
  801.     
  802. #narrative.color50395C blockquote {
  803.     color: #50395C;
  804.     }
  805.     
  806. #narrative.color50395C .pullquote {
  807.     background-color: #50395C;
  808.     }
  809.     
  810. #narrative.color812A28 blockquote {
  811.     color: #812A28;
  812.     }
  813.     
  814. #narrative.color812A28 .pullquote {
  815.     background-color: #812A28;
  816.     }
  817.  
  818.     
  819.     
  820. /* source code */
  821. #scdetails p {
  822.     line-height: 17px;
  823.     }
  824.     
  825. #scdetails select {
  826.     vertical-align: middle;
  827.     padding: 0;
  828.     margin: 0;
  829.     }
  830.     
  831. #scdetails input {
  832.     vertical-align: middle;
  833.     padding: 0;
  834.     margin: 0;
  835.     }
  836.  
  837.  
  838.  
  839. /* --------------- styles from before 12-01-2003 ---------------- */
  840.  
  841. /* home page */
  842. #articlehead {
  843.     font-weight: bold;
  844.     font-size: 12px;
  845.     color: #000; 
  846.     }
  847.  
  848. #linklisthead {
  849.     font-weight: bold;
  850.     font-size: 12px;
  851.     color: #000; 
  852.     }
  853.  
  854. #sectionhead {
  855.     font-weight: bold;
  856.     font-size: 14px;
  857.     color: #000; 
  858.     }
  859.  
  860. #sectionsubhead {
  861.     font-weight: bold;
  862.     font-size: 12px;
  863.     color: #000; 
  864.     }
  865.  
  866. #sectionheadorange {
  867.     font-weight: bold;
  868.     font-size: 14px;
  869.     color: #db3700; 
  870.     }
  871.  
  872. #resources {
  873.     margin-bottom: 3px;
  874.     font-weight: normal;
  875.     font-size: 10px; 
  876.     }
  877.  
  878. .membership_bullets {
  879.     color: #ffffff;
  880.     font-weight: normal;
  881.     font-size: 10px; 
  882.     }
  883.  
  884.  
  885. /* glossary page styles */
  886. #glossary_header { 
  887.     font-size: 12px;
  888.     font-weight: bold; 
  889.     }
  890.  
  891. #glossary_header_letter { 
  892.     font-size: 14px;
  893.     font-weight: bold; 
  894.     }
  895.  
  896.  
  897. /* form class, removes whitespace browsers use by default with forms */
  898. #form {
  899.     margin: 0;
  900.     }
  901.  
  902.  
  903. /* paragraph describing page located just below the black text page title */
  904. #paragraph_description {
  905.     font-size: 12px;
  906.     }
  907.  
  908.  
  909. /* rate this page feedback form styles */
  910. #feedback_bull {
  911.     font-size: 10px;
  912.     color: #ffffff;
  913.     text-align: center;
  914.     }
  915.  
  916. #feedback_text {
  917.     font-size: 10px;
  918.     color: #000;
  919.     }
  920.  
  921. #radio_help {
  922.     text-align: center;
  923.     padding-top: 4px;
  924.     }
  925.  
  926. #radio_easy {
  927.     text-align: center;
  928.     padding-bottom: 4px;
  929.     }
  930.  
  931.  
  932. /* search results box styles */
  933. #results_cell_first { 
  934.     border-top: 1px #a2a6a9 solid;
  935.     border-left: 1px #a2a6a9 solid; 
  936.     }
  937.  
  938. #results_cell_title {
  939.     padding-top: 10px;
  940.     padding-bottom: 10px;
  941.     border-top: 1px #a2a6a9 solid;
  942.     padding-right: 6px;
  943.     font-size: 12px;
  944.     font-weight: bold;
  945.     vertical-align: top;
  946.     }
  947.  
  948. #results_cell_other {
  949.     padding-top: 10px;
  950.     padding-bottom: 10px;
  951.     border-top: 1px #a2a6a9 solid;
  952.     padding-left: 6px;
  953.     padding-right: 6px;
  954.     vertical-align: top;
  955.     }
  956.  
  957. #results_cell_date {
  958.     padding-top: 10px;
  959.     padding-bottom: 10px;
  960.     border-top: 1px #a2a6a9 solid;
  961.     padding-left: 4px;
  962.     vertical-align: top;
  963.     }
  964.  
  965. #results_cell_last {
  966.     border-top: 1px #a2a6a9 solid;
  967.     border-right: 1px #a2a6a9 solid;
  968.     }
  969.  
  970. .results_description { 
  971.     font-size: 10px;
  972.     font-weight: normal;
  973.     }
  974.  
  975.  
  976.  
  977. /* apple script (or any other reference library page) styles */
  978. #header { 
  979.     font-size: 12px;
  980.     font-weight: bold;
  981.     }
  982.  
  983. #link_header {
  984.     font-size: 10px;
  985.     font-weight: bold;
  986.     }
  987.  
  988. #blue_header {
  989.     font-size: 12px;
  990.     font-weight: bold;
  991.     color: #000099;
  992.     }
  993.  
  994. #td_left_line {
  995.     border-left: 1px #555555;
  996.     }
  997.  
  998.  
  999. /* co marketing styles */
  1000. #icon_cell {
  1001.     height: 93px;
  1002.     text-align: center;
  1003.     }
  1004.  
  1005. #detail_header {
  1006.     text-align: center;
  1007.     background: #6d7f95;
  1008.     color: #ffffff;
  1009.     font-family: verdana;
  1010.     font-weight: bold;
  1011.     font-size: 10px;
  1012.     }
  1013.  
  1014. #vendor_bullet {
  1015.     color: #696969;
  1016.     }
  1017.  
  1018. #comarket_paragraph {
  1019.     color: #696969;
  1020.     font-size: 12px;
  1021.     }
  1022.  
  1023. #vendor_detail {
  1024.     font-size: 12px;
  1025.     }
  1026.  
  1027. #vendor_contact {
  1028.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1029.     font-size: 10px;
  1030.     }
  1031.  
  1032. #detail_heading {
  1033.     font-weight: bold;
  1034.     }
  1035.  
  1036. #detail_copy {
  1037.     font-size: 12px;
  1038.     }
  1039.  
  1040. #discount_box_header {
  1041.     color: #ffffff;
  1042.     font-weight: bold;
  1043.     }
  1044.  
  1045. #discount_box_copy {
  1046.     font-size: 12px;
  1047.     }
  1048.  
  1049. #photo_table_copy {
  1050.     color: #7d7d7d;
  1051.     font-size: 10px;
  1052.     }
  1053.  
  1054.  
  1055.  
  1056. /*narrative styles */
  1057. #narrative_paragraph {
  1058.     color: #696969;
  1059.     font-size: 14px;
  1060.     }
  1061.  
  1062. #narrative_header {
  1063.     font-size: 13px;
  1064.     font-weight: bold;
  1065.     }
  1066.  
  1067. #narrative_content {
  1068.     font-size: 12px;
  1069.     vertical-align: top;
  1070.     }
  1071.  
  1072. #pic_box_text {
  1073.     color: #878787;
  1074.     line-height: 11px;
  1075.     font-size: 11px; 
  1076.     }
  1077.  
  1078. #red_copy {
  1079.     color: #7f0f0b;
  1080.     padding-left: 15px;
  1081.     }
  1082.  
  1083. #blue_copy {
  1084.     color: #466c9b;
  1085.     padding-left: 15px;
  1086.     }
  1087.  
  1088. #green_copy {
  1089.     color: #3b636f;
  1090.     padding-left: 15px;
  1091.     }
  1092.  
  1093. #purple_copy {
  1094.     color: #665588;
  1095.     padding-left: 15px;
  1096.     }
  1097.  
  1098. #gray_copy {
  1099.     color: #787c7f;
  1100.     padding-left: 15px;
  1101.     }
  1102.  
  1103. #pager {
  1104.     color: #76797c;
  1105.     }
  1106.  
  1107.  
  1108.  
  1109. /* frameset: table of contents frame */
  1110. #toc_contents_text {
  1111.     font-size: 12px;
  1112.     color: #0000ff;
  1113.     }
  1114.  
  1115. #toc_contents_text_open {
  1116.     font-size: 12px;
  1117.     background: #ffffff;
  1118.     color: #0000ff;
  1119.     }
  1120.  
  1121. #low_level_text {
  1122.     font-size: 10px;
  1123.     color: #0000ff;
  1124.     }
  1125.  
  1126. #low_level_text_on {
  1127.     font-size: 10px;
  1128.     color: #0000ff;
  1129.     }
  1130.  
  1131. #top_level_open {
  1132.     background: #ffffff;
  1133.     }
  1134.  
  1135. #third_level {
  1136.     background: #ffffff;
  1137.     }
  1138.  
  1139. #toc_contents_title {
  1140.     font-size: 14px;
  1141.     color: #ffffff;
  1142.     font-weight: bold;
  1143.     }
  1144.  
  1145. #toc_contents_heading {
  1146.     font-size: 12px;
  1147.     font-weight: bold;
  1148.     }
  1149.  
  1150.  
  1151.  
  1152. /* frameset: content frame */
  1153. #content_text {
  1154.     font-size: 12px;
  1155.     font-weight: normal;
  1156.     }
  1157.  
  1158.  
  1159. /* frameset: page title */
  1160. #page_title {
  1161.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1162.     font-size: 36px;
  1163.     font-weight: bold;
  1164.     color: #000;
  1165.     }
  1166.  
  1167.  
  1168. /* frameset: unordered list */
  1169. ul .content {
  1170.     font-size: 12px; 
  1171.     }
  1172.  
  1173.  
  1174. /* product line styles */
  1175. #product_line_list {
  1176.     font-size: 10px; 
  1177.     }
  1178.  
  1179. #product_line_bullet {
  1180.     font-size: 10px;
  1181.     vertical-align: top;
  1182.     color: #0000ff;
  1183.     }
  1184.  
  1185.  
  1186.  
  1187. /* technical note classes */
  1188. #important_note {
  1189.     background: #e2e2e2;
  1190.     border: 1px solid #cccccc;
  1191.     }
  1192. #page_contents {
  1193.     font-size: 12px; line-height: 20px; color: #0000ff;
  1194.     }
  1195.  
  1196. #tech_content {
  1197.     font-size: 12px;
  1198.     }
  1199.  
  1200. #tech_header {
  1201.     font-size: 14px;
  1202.     font-weight: bold;
  1203.     }
  1204.  
  1205. #tech_subhead {
  1206.     font-size: 12px;
  1207.     font-weight: bold;
  1208.     }
  1209.  
  1210. #tech_list {
  1211.     font-size: 12px;
  1212.     padding-bottom: 9px;
  1213.     }
  1214.  
  1215. #source_code_box {
  1216.     border: 1px solid #c7cfd5;
  1217.     background: #f1f5f9; 
  1218.     }
  1219.  
  1220. #source_code {
  1221.     font-family: monaco, courier, monospace;
  1222.     font-size: 10px;
  1223.     margin-bottom: 0;
  1224.     padding: 12px;
  1225.     }
  1226.  
  1227. #example_title {
  1228.     font-size: 10px;
  1229.     margin-bottom: 5px;
  1230.     color: #28333b;
  1231.     }
  1232.  
  1233. #example_table_header {
  1234.     font-weight: bold;
  1235.     background: #c7cfd5; 
  1236.     }
  1237.  
  1238. #example_table_cell {
  1239.     border: 1px #c7cfd5 solid;
  1240.     background: #f1f5f9;
  1241.     vertical-align: top;
  1242.     font-size: 12px;
  1243.     }
  1244.  
  1245. #download_cell_1 {
  1246.     background: #f6f6f6;
  1247.     font-size: 11px;
  1248.     padding-top: 2px;
  1249.     padding-bottom: 2px;
  1250.     padding-left: 2px;
  1251.     border-left: 1px solid #e6e6e6;
  1252.     border-top: 1px solid #e6e6e6;
  1253.     border-bottom: 1px solid #e6e6e6;
  1254.     }
  1255.  
  1256. #download_cell_2 {
  1257.     background: #f6f6f6;
  1258.     font-size: 10px;
  1259.     padding-top: 2px;
  1260.     padding-bottom: 2px; 
  1261.     border-top: 1px solid #e6e6e6;
  1262.     border-bottom: 1px solid #e6e6e6;
  1263.     }
  1264.  
  1265. #download_cell_3 {
  1266.     background: #f6f6f6;
  1267.     font-size: 10px;
  1268.     padding-top: 2px;
  1269.     padding-bottom: 2px;
  1270.     padding-right: 2px;
  1271.     border-right: 1px solid #e6e6e6;
  1272.     border-top: 1px solid #e6e6e6;
  1273.     border-bottom: 1px solid #e6e6e6;
  1274.     }
  1275.  
  1276. #download_content {
  1277.     font-size: 12px;
  1278.     vertical-align: middle;
  1279.     }
  1280.  
  1281. #download_link {
  1282.     font-size: 10px;
  1283.     vertical-align: middle;
  1284.     }
  1285.  
  1286. #back_to_top {
  1287.     font-size: 10px; 
  1288.     }
  1289.  
  1290.  
  1291.  
  1292. /* membership overview styles */
  1293. #member_header {
  1294.     text-align: left;
  1295.     font-family: verdana;
  1296.     font-weight: bold;
  1297.     font-size: 10px;
  1298.     color: #ffffff; 
  1299.     }
  1300.  
  1301. #member_category {
  1302.     text-align: center;
  1303.     border-left: 1px #ffffff solid;
  1304.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1305.     font-weight: bold;
  1306.     font-size: 10px;
  1307.     color: #ffffff;
  1308.     }
  1309.  
  1310. #white_row {
  1311.     background: #ffffff;
  1312.     }
  1313.  
  1314. #blue_row {
  1315.     background: #f0f5f9;
  1316.     }
  1317.  
  1318. #spacer_row {
  1319.     border-right: 1px solid #a2a6a9;
  1320.     border-left: 1px solid #a2a6a9;
  1321.     }
  1322.  
  1323. #left_border {
  1324.     border-left: 1px solid #a2a6a9;
  1325.     }
  1326.  
  1327. #right_border {
  1328.     border-right: 1px solid #a2a6a9;
  1329.     text-align: center;
  1330.     vertical-align: middle;
  1331.     }
  1332. #gray_line {
  1333.     border-right: 1px solid #a2a6a9;
  1334.     border-left: 1px solid #a2a6a9;
  1335.     background: #a2a6a9;
  1336.     }
  1337.  
  1338. #dot_cell {
  1339.     text-align: center;
  1340.     vertical-align: middle;
  1341.     }
  1342.  
  1343. #fine_print {
  1344.     vertical-align: top;
  1345.     font-size: 11px;
  1346.     color: #5f5f5f;
  1347.     }
  1348.  
  1349. #pricing {
  1350.     font-size: 12px;
  1351.     }
  1352.  
  1353.  
  1354.  
  1355.  
  1356. /* sample code classes */
  1357. #right_content {
  1358.     text-align: right;
  1359.     font-size: 12px;
  1360.     }
  1361.  
  1362. #sc_content {
  1363.     font-size: 12px;
  1364.     }
  1365.  
  1366.  
  1367. /* mac os x architecture diagram */
  1368. #archtext {
  1369.     font-size: 11px;
  1370.     color: #333;
  1371.     text-decoration: none;
  1372.     line-height: 15px;
  1373.     }
  1374.  
  1375. #topborder {
  1376.     border-top: 1px solid #999;
  1377.     }
  1378.  
  1379. #greylist {
  1380.     line-height: 16px;
  1381.     color: #333;
  1382.     margin-top: 12px;
  1383.     }
  1384.  
  1385. #archtitle {
  1386.     font-size: 12px;
  1387.     color: #000;
  1388.     text-decoration: none;
  1389.     font-weight: bold;
  1390.     }
  1391.  
  1392. #description {
  1393.     font-size: 11px;
  1394.     color: #333;
  1395.     text-decoration: none;
  1396.     line-height: 15px;
  1397.     }
  1398.  
  1399. .archtitle {
  1400.     font-size: 12px;
  1401.     color: #000;
  1402.     text-decoration: none;
  1403.     font-weight: bold;
  1404.     }
  1405.  
  1406.  
  1407.  
  1408. /* original apple css items (unused at this time) */
  1409. /* ---------------------------------------------- */
  1410.  
  1411. h1 {
  1412.     font-weight: bold; font-size: 18px; 
  1413.     }
  1414.  
  1415. #text {
  1416.     font-size: 10px;  line-height: 16px;
  1417.     }
  1418.  
  1419.  
  1420. #bodytext {
  1421.     font-size: 10px; 
  1422.     }
  1423. #bodytextlarge {
  1424.     font-size: 12px; 
  1425.     }
  1426. #bodytitle {
  1427.     font-weight: bold; font-size: 10px; 
  1428.     }
  1429. #bodytitlelarge2 {
  1430.     font-weight: bold; font-size: 12px; 
  1431.     }
  1432. #bodytitlelarge {
  1433.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1434.     }
  1435. #bodytitleextralarge {
  1436.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1437.     }
  1438. #callout {
  1439.     font-weight: bold; font-size: 14px; color: #737373; 
  1440.     }
  1441. #calloutsubitem {
  1442.     font-size: 10px; color: #666666; 
  1443.     }
  1444. #resourcetitle {
  1445.     font-weight: bold; font-size: 10px; 
  1446.     }
  1447. #resourcetext {
  1448.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1449.     }
  1450. #resourcehead {
  1451.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1452.     }
  1453. #mkt {
  1454.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1455.     }
  1456. #mkt2 {
  1457.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1458.     }
  1459. #breadcrumb {
  1460.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1461.     }
  1462. #breadcrumblocation {
  1463.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1464.     }
  1465. #menutitle {
  1466.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1467.     }
  1468. #menutext {
  1469.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1470.     }
  1471. #source {
  1472.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1473.     }
  1474.